<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/commom.css" />
    <link rel="stylesheet" href="./css/tabCommon.css" />
    <link rel="stylesheet" href="./css/minsheng.css" />
  </head>

  <body>
    <!-- 头部 -->
    <div class="header">
      <!-- top -->
      <div class="Top padding">
        <div class="top">
          <div class="icon">
            <img src="./img/01.png" alt="" />
          </div>
          <div class="search">
            <input type="text" placeholder="爱奇艺最新电视剧" />
          </div>
          <div class="icon">
            <img src="./img/02.png" alt="" />
          </div>
        </div>
      </div>
    </div>

    <!-- 主体 -->
    <div class="main">
      <!-- 侧边导航 -->
      <ul class="side_nav">
        <li>热门服务</li>
        <li>疫情专区</li>
        <li>医疗健康</li>
        <li>生活缴费</li>
        <li>车主服务</li>
        <li>便民服务</li>
        <li>教育服务</li>
        <li>法律服务</li>
      </ul>

      <div class="content">
        <img src="./img/19.png" alt="" />
        <ul class="tab">
          <li>
            <div class="icon">
              <img src="./img/20.png" alt="" />
            </div>
            <div class="text">
              <div class="box">
                <p>出行政策</p>
                <span>同步各地最新出行政策</span>
              </div>
              <div class="right_icon"></div>
            </div>
          </li>
          <li>
            <div class="icon">
              <img src="./img/21.png" alt="" />
            </div>
            <div class="text">
              <div class="box">
                <p>出行政策</p>
                <span>同步各地最新出行政策</span>
              </div>
              <div class="right_icon"></div>
            </div>
          </li>
          <li>
            <div class="icon">
              <img src="./img/22.png" alt="" />
            </div>
            <div class="text">
              <div class="box">
                <p>出行政策</p>
                <span>同步各地最新出行政策</span>
              </div>
              <div class="right_icon"></div>
            </div>
          </li>
          <li>
            <div class="icon">
              <img src="./img/23.png" alt="" />
            </div>
            <div class="text">
              <div class="box">
                <p>出行政策</p>
                <span>同步各地最新出行政策</span>
              </div>
              <div class="right_icon"></div>
            </div>
          </li>
          <li>
            <div class="icon">
              <img src="./img/24.png" alt="" />
            </div>
            <div class="text">
              <div class="box">
                <p>出行政策</p>
                <span>同步各地最新出行政策</span>
              </div>
              <div class="right_icon"></div>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
      <ul>
        <li>
          <a href="./index.html">
            <img src="./img/f11.png" alt="" />

            <p class="active">首页</p>
          </a>
        </li>
        <li>
          <a href="./minsheng.html">
            <img src="./img/f2.png" alt="" />
            <p>城市民生</p>
          </a>
        </li>
        <li>
          <a href="./fuwu.html">
            <img src="./img/f3.png" alt="" />
            <p>服务号</p>
          </a>
        </li>

        <li>
          <a href="./me.html">
            <img src="./img/f4.png" alt="" />
            <p>我的</p>
          </a>
        </li>
      </ul>
    </div>

    <script src="./js/minsheng.js"></script>
  </body>
</html>
